微信小程序开发实战——微信小程序开发者工具0.10.101100

微信小程序开发者工具发布最新版本0.10.101100，增加了video控件，模块化中可使用 exports 对外暴露接口，模块化中 require 可不写 .js 后缀等。

更新日志

基础功能

• A 增加 <video/> Android 添加了默认的控件

• A 增加 模块化中可使用 exports 对外暴露接口

• A 增加 模块化中 require 可不写 .js 后缀

• F 修复 <swiper/> 滑动灵敏度

• F 修复 <toast/> 中图标位置偏上，没有居中的问题

• F 修复 <view/> 标签 hidden 属性失效的问题

• F 修复 <input/> iOS10 下首次输入不显示的问题

• F 修复 <button/> type="mini" 的问题

• F 修复 <button/> 出现 loading 时，loading和文字对齐的问题

• F 修复 <canvas/> drawImage 图片路径不正确的问题

• F 修复 Page 中 data 之外的数据无法被重置的问题

• F 修复 大小写导致的 wx.request 的 header 参数属性被重复设置的问题

• F 修复 app.js 中无法使用 require 的问题

• R 移除 <switch/> 组件多余点击态

• R 移除 <view/> 标签 inline 属性

• R 移除 <page/> 标签的 height 100% 的默认样式

开发者工具基础功能

• A 增加 ES6 到 ES5 的转换，默认开启，开发者可以在项目中主动关闭

• A 增加提交代码时候可选压缩代码，默认关闭，开发者可以在项目中主动开启

• A 增加 wx.uploadFile 和 wx.downloadFile 调试支持

• A 增加下拉刷新的调试支持

• A 增加 <form/> reportSubmit 模式模拟返回 formId 调试支持

• A 增加 <video/> 添加了滑动进度条的功能

• A 增加 <picker/> mode=time mode=date

• F 修复打开地图导致错误的问题

• F 修复 <map/> 组件不显示的问题

• F 修复 <canvas/> 中 drawImage 闪烁的问题

• F 修复 json 中 navigationBarTextStyle 缺省值设置出错的问题

• F 修复 <picker/> 在表单提交事件中 value 为空的问题

• F 修复背景音乐停止时会触发一次 wx.onBackgroundAudioPause 的问题

• F 修复wx.request 超时会触发两次 fail 和 complete 回调的问题

• F 修复小屏幕下开发者工具无法拖动到底部的问题

• F 修复 wx.setStorage 没有限制大小的问题

• F 修复某些情况下修改了代码文件但工具没有更新的问题

编辑模块

• A 增加侧边栏可以拖拽位置保存

• A 增加快捷键 ctrl + or command + 隐藏侧边栏

• A 增加文件页卡可以拖动排序的功能

• F 修复 wx.setNavitionBarTitle 提示错误的问题

• F 修复某些情况下文件修改不生效的问题

模块化

可以直接使用require一些第三方模块

var Immutable = require( '../../libs/immutable/immutable' );
var app = getApp();
Page( {
    onLoad: function() {
        //console.log('onLoad');
        var that = this;
        var lines = [];       
        var map1 = Immutable.Map({a:1, b:2, c:3});        
        var map2 = map1.set('b', 50);
        lines.push(map1.get('b'));
        lines.push(map2.get('b'));
    }
})

微信小程序WAService.js对部分JavaScript功能进行了阉割，导致一些模块无法使用

function(e, t, n) {
    (function(e) {
        n(1);
        if ("undefined" != typeof Function) {
            var t = Function;
            e = {},
            Function.constructor = function() {
                return arguments[arguments.length - 1] = "console.warn('can not create Function')",
                t.apply(this, arguments)
            }
            ,
            Function.prototype.constructor = function() {
                return arguments[arguments.length - 1] = "console.warn('can not create Function')",
                t.apply(this, arguments)
            }
            ,
            Function = function() {
                return "return this" === arguments[arguments.length - 1] ? arguments[arguments.length - 1] = "return global" : arguments[arguments.length - 1] = "console.warn('can not create Function')",
                t.apply(this, arguments)
            }
        }
        "undefined" != typeof eval && (eval = void 0),
        "undefined" != typeof navigator && !function() {
            var e = setTimeout;
            setTimeout = function(t, n) {
                if ("function" == typeof t)
                    return e(t, n)
            }
            ;
            var t = setInterval;
            setInterval = function(e, n) {
                if ("function" == typeof e)
                    return t(e, n)
            }
        }()
    }
    ).call(t, function() {
        return this
    }())
}

其他

完整代码 https://github.com/guyoung/Gy...